<!DOCTYPE html>
<html>
<head>
	<title>管理中心</title>
	<meta http-equiv="Pragma" CONTENT="no-cache">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="renderer" content="webkit">
	<%include("/common/include.html"){}%>
	<link rel="stylesheet" type="text/css" href="${cxt!}/sb/css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="${cxt!}/sb/css/center.css">
	<script src="http://echarts.baidu.com/build/dist/echarts.js"></script>
	<style>
		.panel-title{
			 font-size:12px;
			 height:20px;
			 font-weight:lighter;
			 line-height:20px
		}
		.tabs li a.tabs-inner{
			border-width:0 0 1px 0;
		}
		.tabs li.tabs-selected a.tabs-inner{
			 border-bottom: 2px solid red;
			 background-color:#F8F8F8;
		}
		.col-md-3{
		width:20%;
		}
	</style>
</head>
<body style="background: #EBEBEB;">
		<div class="container-fluid">
		    <div class="row">
		    	<div class="col-md-3 col-sm-6 col-xs-12" style="padding: 20px;cursor:pointer;" onclick="leadTo()">
		    		<div class="row retangle" style="background: #FE9700;">
		    			<div class="col-lg-9 col-md-8 col-sm-10 col-xs-10" style="text-align: center;">
		    				<p class="small">当前顾客数量</p>	
							<p class="big">${cusNum!}个</p>
		    			</div>
						<div class="col-lg-3 col-md-4 col-sm-2 col-xs-2 square">
		    				<img src="${cxt!}/sb/img/custom.png"/>
		    			</div>
					</div>
		    	</div>
		    	<div class="col-md-3 col-sm-6 col-xs-12" style="padding: 20px;cursor:pointer;" onclick="leadTo()">
		    		<div class="row retangle" style="background: #FE9700;">
		    			<div class="col-lg-9 col-md-8 col-sm-10 col-xs-10" style="text-align: center;">
		    				<p class="small">本月新增顾客</p>	
							<p class="big">${newCusNum! }个</p>
		    			</div>
						<div class="col-lg-3 col-md-4 col-sm-2 col-xs-2 square">
		    				<img src="${cxt!}/sb/img/custom.png"/>
		    			</div>
					</div>
		    	</div>
		    	<div class="col-md-3 col-sm-6 col-xs-12" style="padding: 20px;cursor:pointer;" onclick="leadTo()">
		    		<div class="row retangle" style="background: #E83D77;">
		    			<div class="col-lg-9 col-md-8 col-sm-10 col-xs-10" style="text-align: center;">
		    				<p class="small">本月减重销售</p>	
							<p class="big">${delWeightPrices! }元</p>
		    			</div>
						<div class="col-lg-3 col-md-4 col-sm-2 col-xs-2 square">
		    				<img src="${cxt!}/sb/img/sellamount.png"/>
		    			</div>
					</div>
		    	</div>
		    	<div class="col-md-3 col-sm-6 col-xs-12" style="padding: 20px;cursor:pointer;" onclick="leadTo()">
		    		<div class="row retangle" style="background: #93C05E;">
		    			<div class="col-lg-9 col-md-8 col-sm-10 col-xs-10" style="text-align: center;">
		    				<p class="small">本月产品销售</p>	
							<p class="big">${productPrices! }元</p>
		    			</div>
						<div class="col-lg-3 col-md-4 col-sm-2 col-xs-2 square">
		    				<img src="${cxt!}/sb/img/sellamount.png"/>
		    			</div>
					</div>
		    	</div>
		    	<div class="col-md-3 col-sm-6 col-xs-12" style="padding: 20px;cursor:pointer;">
		    		<div class="row retangle" style="background: #7A54BE;">
		    			<div class="col-lg-9 col-md-8 col-sm-10 col-xs-10" style="text-align: center;">
		    				<p class="small">本月减重斤数</p>	
							<p class="big">${delWeight!}斤</p>
		    			</div>
						<div class="col-lg-3 col-md-4 col-sm-2 col-xs-2 square" style="height: 60px;line-height: 60px;">
		    				<img src="${cxt!}/sb/img/loseWeight.png"/>
		    			</div>
					</div>
		    	</div>
		  	</div>
		  	<div class="row">
		  		<div class="trend col-md-6 col-sm-12 col-xs-12" style="padding: 20px;">
						<div id="trend_div" title="门店销售额趋势图" class="easyui-panel" style="height: 450px;background: #FFFFFF;padding-top: 10px;width:100%;" data-options="href:'${cxt!}/salesDetail',border:false"></div>
		    	</div>
		    	<div class="col-md-6 col-sm-12 col-xs-12" style="padding: 20px;">
		    		<div class="easyui-tabs" data-options="border:false" style="height: 450px;width:100%;background: #FFFFFF;"> 
		    			<!-- <div title="公告" style="padding:10px" data-options="href:'${cxt!}/announce'"></div> -->
		    			
		    			<%if(level==3){%>
		    			<div title="门店使用情况" style="padding:10px" data-options="href:'${cxt!}/mdqk'"></div>
		    			<%}%>
		    			<div id="dldivcscs" title="公告" style="padding:10px" data-options="href:'${cxt!}/detailAnnounce/getDetailAnnounce'" ></div>
		    			<div title="顾客预警" style="padding:10px" data-options="href:'${cxt!}/warninggk'"></div>
		    			<!-- <div title="门店预警" style="padding:10px" data-options="href:'${cxt!}/warningmd'"></div> -->
		    			<div title="疗程占比" style="padding:10px" data-options="href:'${cxt!}/treatmentRatio'"></div>
		    			<div title="产品占比" style="padding:10px" data-options="href:'${cxt!}/productRatio'"></div>
		    		</div>
		    	</div>
		    </div>
		</div>
		<script type="text/javascript">	
		/*  $(document).ready(function () {
	           fresh();
	       });
	       function fresh() {
	    	   $("#dldivcscs").load(location.href+"#dldivcscs");
	           setTimeout("fresh()", 1000 * 2000);
	       }   */    
		
		
		
		
		
        //切换
        var subTitles=document.getElementsByClassName("subTitle");
        var mains=document.getElementsByClassName("main");
        function clickBlock(e){
      		for(var i=0;i<subTitles.length;i++){
      			if(subTitles[i]===e){
      				subTitles[i].style.borderBottom="2px solid #FE5621";
      				mains[i].style.display="block";     				
      			}else{
      				subTitles[i].style.borderBottom="0";
      				mains[i].style.display="none";  
      			}
      		}
      	}
      //设置当前日期
		date = function () {
			var date=new Date();
			var day = date.getDate() > 9 ? date.getDate() : "0" + date.getDate();
			var month = (date.getMonth() + 1) > 9 ? (date.getMonth() + 1) : "0"
			+ (date.getMonth() + 1);
			var hor = date.getHours();
			var min = date.getMinutes();
			var sec = date.getSeconds();
			return date.getFullYear() + '-' + month + '-' + day+" "+hor+":"+min+":"+sec;
		};
		//页面跳转
		function leadTo(){
			parent.window.nodeClick("月度每日销售汇总查询", "/monthSalesStatistic");
		}
	</script>
</body>
</html>